<template>
    <div class="farm-cnt">
        <nav-com></nav-com>
        <tab-islider :items="nav">
            <template slot-scope="item">
                <div class="swiper-content" :data-txt="item.txt">
                    <cnt-com>
                        <gapright-com>
                            <itemcnt-Com
                                v-for="(item, index) in itemsData"
                                :key="index"
                                type="1"
                            >
                                <updownitem-com :cartshow="true" :GapLeftTop="true" :item="item"></updownitem-com>
                            </itemcnt-Com>
                        </gapright-com>
                    </cnt-com>
                </div>
            </template>
        </tab-islider>
    </div>
</template>

<script>
    import TabIslider from '@/common/swiper/TabIslider.vue'
    import CntCom from '@/common/cnt/Cnt.vue'
    import ItemcntCom from '@/common/list/Itemcnt.vue'
    import GaprightCom from '@/common/cnt/Gapright.vue'
    import UpdownitemCom from '@/common/list/UpdownItem.vue'    
    import NavCom from '@/common/nav/Nav.vue'
    export default {
        name: "FarmListPage",
        components: {
            TabIslider,
            CntCom,
            ItemcntCom,
            UpdownitemCom,
            GaprightCom,
            NavCom
        },
        data ( ) {
            return {
                nav: ["华药堂","福东海","半山农"],
                nowIndex: 0,
                itemsData: [
                    {
                        src: "https://ss2.baidu.com/6ONYsjip0QIZ8tyhnq/it/u=3514593146,4244376339&fm=173&app=25&f=JPEG?w=640&h=392&s=D1824FB10EC314D21405170F0300F045",
                        title: "五常有机大米",
                        txt: "￥１２８.００"
                    },
                    {
                        src: "https://ss2.baidu.com/6ONYsjip0QIZ8tyhnq/it/u=750671621,69549334&fm=173&app=25&f=JPEG?w=640&h=430&s=59D74F9E060B4AE430AF9DF003003079",
                        title: "有机十谷米",
                        txt: "￥１５.８０"
                    },
                    {
                        src: "https://ss2.baidu.com/6ONYsjip0QIZ8tyhnq/it/u=2408317694,1784936348&fm=173&app=25&f=JPEG?w=640&h=425&s=D38467A75CC3A0C2563591A30300E015",
                        title: "金典有机纯牛奶",
                        txt: "￥６８.００"
                    }
                ]                
            }
        },
        mounted() {

        },        
        methods: {           
        }
    }
</script>

<style lang="stylus" scoped>
.farm-cnt
    width 100%
    height auto 
    overflow hidden
.swiper-content
    width 100%
    height auto 
    overflow hidden
</style>